$padding-outside: 24px;
$space-between-rows: 3px;
$row-height: 36px;
$row-font-size: 14px;
$row-line-height: 20px;
$bar-left-spacing: 10px;
$value-column-width: 75px;
$border-radius: 5px; // stylelint-disable-line scales/radii
$item-transition: 0.1s ease-out;
$item-indicator-width: 4px;
$font-color: var(--studio-gray-100);
$card-vertical-space: 32px;
$stats-child-hover-indentation: 20px;

$header-spacer: 12px;
$header-font-size: 20px;
$header-line-height: 26px;
$stats-avatar-size: 20px;
$stats-avatar-spacer: 8px;

@mixin additional-columns-wrapper() {
	text-align: right;
	gap: 0 4px;
	padding: 0 4px;
	font-weight: 400;
	flex: 0 0 75px;

	> div,
	> span {
		min-width: 120px;
	}
}
